<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8"/>
  
  <title>Look Ma No Hands</title>
  
  <meta name="keywords" value="css, javascript, jquery, clojure, enlive, compojure, look ma no hands, fon" />
  
  <link rel="icon" href="favicon.png" type="image/png">
  
  <link rel="stylesheet" href="css/layout.css" type="text/css" />
  <link rel="stylesheet" href="css/navigation.css" type="text/css" />
  <link rel="stylesheet" href="css/sidebar.css" type="text/css" />
  <link rel="stylesheet" href="css/header.css" type="text/css" />
  <link rel="stylesheet" href="css/footer.css" type="text/css" />
  <link rel="stylesheet" href="css/jquery.flexbox.css" type="text/css" />
  <link rel="stylesheet" href="css/jquery.lightbox-0.5.css" type="text/css" media="screen" />
    
  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&subset=latin' rel='stylesheet' type='text/css'>
  
  <script src="js/lib/modernizr-1.5.min.js"> </script>

</head>
<body>
	<!-- Birdy is too much :). If you want to see it remove 'hidden' -->
	<div id="birdy" class="hidden noBird"><div id="bird"></div></div>
		
	  <div id="wrap">
	  	<div id="header">
	  		<h1><a href="">Look Ma No Hands</a></h1>
			<h2>Journey of a Thousand Lines...</h2>
			<div id="meme">
	  			<div id="meme-gallery" class="buttons pointer">
					<div class="photos"><a href="../images/meme/meme.jpg" title="Meme knows stuff"  class="img"><img src="images/photo.png" width="24px" height="24px" alt="Meme pictures"/></a></div>
					<ul>
						<li><a href="../images/meme/hi.jpg" title="Hi Meme :)" class="img">Meme knows stuff</a></li>
						<li><a href="../images/meme/master.jpg" title="Meme is the master" class="img">Meme is the master</a></li>
						<li><a href="../images/meme/smile.jpg" title=":D" class="img">:D</a></li>
						<li><a href="../images/meme/wee.jpg" title="Let's play!" class="img">Let's play!</a></li>
					</ul>
					<div class="videos pointer"><a href="http://www.youtube.com/watch?v=xSdq7YORm0U" target="_blank" title="Meme videos"><img src="images/video.png" width="24px" height="24px" alt="Meme videos"></a></div>
				</div>
	  		</div>
		</div> 
		<div id="nav"> 
			<div id="hand"></div> 
			<ul id="menu">
			   <li><a href="/" target="_self" title="home">home</a></li>
			   <li><a href="/hci" target="_self" title="hci">hci</a></li>
			   <li><a href="/scm" target="_self" title="scm">scm</a></li>
			   <li><a href="/clj" target="_self" title="clj">clj</a></li>
			   <li><a href="/ci" target="_self" title="ci">ci</a></li>
			</ul>
		</div> 
		<div id="cbody">
			<div id="main" class="equal_height">
				<div id="posts">
					<div class="post">
						<div class="date_cal">
							<div class="date">25</div>
							<div class="month">May</div>
						</div>
						<h2 class="title"><a>Post Title</a></h2>
						<div class="postinfo">by <em>Nevena Vidojević</em></div>
						<div class="post-body">
							
							<p>Content</p>
							<p>Some more Content</p>
							<h4>First title</h4>
							<p>And so on, and so forth</p>
						
						</div>
						<div class="post-comments"></div>
					</div>
				</div>
			</div> 
			<div id="sidebar" class="equal_height"> 
				<div id="sidebar-box-one"></div>
				<div id="sidebar-box-two"></div>
				<div id="sidebar-box-three"></div>
			</div> 
			<div id="cls"></div>
		</div>
		<div id="footer"> 		
			<div id="footer-content">
				<div class="footerCol">
					<h4>Latest posts</h4>
					<ul id="latest">
						<li><a href="">Interesting waffle</a></li>
					</ul>	
				</div>
				<div class="footerCol">
					<h4>Friends</h4>
					<ul>
						<li><div><a href="http://www.google.com">Google</a></div></li>
						<li><div><a href="http://stackoverflow.com/">stack<strong>overflow</</strong></a></div></li>
						<li><div><a href="http://www.weather2umbrella.com/">Weather2Umbrella</a></div></li>
						<li><div><a href="http://btjunkie.org">btjunkie.org</a></div></li>
						<li><div><a href="http://wikipedia.org">Wikipedia</a></div></li>
						<li><div><a href="http://www.youtube.com">YouTube</a></div></li>
					</ul>
				</div>
				<dl class="footerCol imgLink">
					<dt>Share</dt>
					<dd>
						<img src="images/social/delicious.png" width="24px" height="24px" alt="Delicious"/>
						<img src="images/social/facebook.png" width="24px" height="24px" alt="Facebook"/>
						<img src="images/social/googlebuzz.png" width="24px" height="24px" alt="Google Buzz"/>
						<img src="images/social/twitter.png" width="24px" height="24px" alt="Twitter"/>
					</dd>
					<dt>Follow</dt>
					<dd>
						<img src="images/social/facebook.png" width="24px" height="24px" alt="Facebook"/>
						<img src="images/social/youtube.png" width="24px" height="24px" alt="You Tube"/>
						<img src="images/social/twitter.png" width="24px" height="24px" alt="Twitter"/>
						<img src="images/social/flickr.png" width="24px" height="24px" alt="Flickr"/>
					</dd>
				</dl>
				<dl class="footerCol wider">
					<dt>About this site</dt>
					<dd class="italic">CSS speaks more than thousand words. Some serious <abbr title="PhotoShop">PS</abbr>ing <em>would</em> be cool.</dd>
					<dt>Contact</dt>
					<dd class="person">Nevena Vidojević</dd>
					<dd class="imgLink">
						<a href="skype:nevenavv?chat" title="Send instant message" class="ilink"><img src="images/social/skype.png" width="16px" height="16px" alt="Skype"/></a>
						<a href="mailto:nevenavv@gmail.com" title="Send email" class="ilink"><img src="images/social/gmail.png" width="16px" height="16px" alt="Gmail"/></a>
					</dd>
				</dl>
				<div id="final" class="imgLink">
					<p>2010 <strong>LMNH</strong>. Some rights deserved. Made with the finest 
					<a href="http://validator.w3.org/check?uri=referer">
					    <img style="border:0;width:65px;height:15px"
					        src="images/html-valid.gif"
					        alt="Valid HTML!" />
					</a> 
					and 
					<a href="http://jigsaw.w3.org/css-validator/check/referer">
				        <img style="border:0;width:65px;height:15px"
				            src="images/css-valid.png"
				            alt="Valid CSS!" />
				    </a>.</p><img id="happyBird" src="images/bird.png" alt="Happy Bird"/>
				</div>
			</div>
		</div>
	  </div> 
	
	<div id="side-menu-box">
		<h4>Extras</h4>
		<dl>
			<dt id="clean"><a>Screen cleaning</a></dt>
			<dd>Get your screen clean in second.</dd>
			<dt id="game"><a>Play game</a></dt>
			<dd>Use arrows for moving, space for fire, esc to quit... Catchy, ha!</dd>
			<dt id="nocss"><a>No CSS</a></dt>
			<dd>Skim this off, just for fun...</dd>
			<dt id="addcss" class="hidden"><a>Return CSS</a></dt>
			<dd class="hidden">That wasn't so fun, was it... Return glorious CSS!</dd>
		</dl>
	</div>
	<div class="side-menu-button"/>
  
  <script src="js/lib/jquery-1.4.2.min.js"></script>
  <script src="js/site.js"></script>
  <script type="text/javascript" src="js/lib/scrolltopcontrol.js"></script>
  <script type="text/javascript" src="js/lib/jquery.cookie.js"></script>
  <script type="text/javascript" src="js/lib/jquery.lightbox-0.5.js"></script>
  <script type="text/javascript" src="js/lib/jquery.ba-resize.min.js"></script>
  <script type="text/javascript" src="js/lib/jquery.flexbox.js"></script>
</body>
</html>
  